﻿@using MvcApplication.Entity
@model Post
@{
    Layout = null;
    ViewBag.Title = Model.Title + "-" + SiteInfoSession.SiteInfo.Name;
}
@Html.Partial("~/Views/Themes/Food/Header.cshtml")
<div ms-controller="detail">
    <div class="rw-section rw-container right-sidebar">
        <div class="rw-inner clearfix">

            <!-- Sidebar -->
            @Html.Partial("~/Views/Themes/Food/Sidebar.cshtml")
            <!-- .rw-sidebar -->
            <!-- Main content -->
            <div class="rw-column rw-content">

                <div class="rw-row page-title ">
                    <h1>@Model.Title</h1>
                </div>

                <div class="rw-row">

                    <div class="blog-single clearfix">

                        <div id="post-67" class="entry post clearfix post-67 type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-beautiful tag-begin tag-journey">

                            <div class="entry-photo">
                                @*@if (!string.IsNullOrEmpty(Model.FirstPicture))
                                {
                                    <img src="/image?path=@Model.FirstPicture" alt="">
                                }*@
                            </div>
                            <div class="entry-details">
                                <div class="entry-content" style="padding-left:0;">
                                    @Html.Raw(Model.Detail)
                                </div>
                            </div>
                            <div class="clear"></div>

                        </div> <!-- .entry -->
                        <div class="clear"></div>


                    </div>
                    <div class="clear"></div>


                </div> <!-- .rw-row -->

                <div class="rw-row border-bottom clearfix">
                    <div class="recipe-taxes">
                        <span class="tax-title"></span>
                        @foreach (var category in Model.Categories)
                        {
                            <span class="tax">
                                <a href="/category_@category.ID">@category.Name</a>
                            </span>
                        }
                    </div>
                    @*<div class="recipe-taxes"><span class="tax-title">Tags:</span><span class="tax"><a href="http://gustos.smartik.ws/tag/beautiful/">beautiful</a></span><span class="tax"><a href="http://gustos.smartik.ws/tag/begin/">begin</a></span><span class="tax"><a href="http://gustos.smartik.ws/tag/journey/">journey</a></span></div>*@
                </div> <!-- .rw-row -->
                <div class="rw-row subtle border-bottom clearfix">

                    <div class="grid-container">

                        <div class="grid desk-6">
                            @*<h2 class="carousel-posts-heading">您也许喜欢</h2>*@
                        </div>
                        <div class="grid desk-6">
                            <div class="carousel-posts-nav clearfix">
                                <div class="carousel-posts-nav-next">
                                    <i class="fa fa-chevron-right"></i>
                                </div>
                                <div class="carousel-posts-nav-prev">
                                    <i class="fa fa-chevron-left"></i>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>

                        <div class="carousel-posts clearfix owl-carousel owl-theme" style="opacity: 1; display: block;">
                            <!-- Entry -->
                            <div class="owl-wrapper-outer">
                                <div class="owl-wrapper" style="width: 3636px; left: 0px; display: block;">
                                    <div class="owl-item" style="width: 303px;" ms-repeat="recommend_posts">
                                        <div class="entry style-columns">
                                            <a ms-attr-href="/post_{{el.ID}}">
                                                <div class="entry-photo">
                                                    <img ms-if="el.FirstPicture" ms-attr-src="/image?path={{el.FirstPicture}}&w=460&h=460">
                                                    <img ms-if="!el.FirstPicture" src="~/Content/images/middle_defult.jpg">
                                                </div>
                                            </a>
                                            <div class="entry-title">
                                                <a ms-attr-href="/post_{{el.ID}}">
                                                    {{el.Title | truncate(30,'...')}}
                                                </a>
                                            </div>
                                            <div class="entry-meta">
                                                <span class="date">{{el.CreateAt | date('yyyy-MM-dd')}}</span>
                                            </div>
                                            <div class="entry-content">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- .entry -->

                    @*        <div class="owl-controls clickable">
                                <div class="owl-pagination">
                                    <div class="owl-page active"><span class=""></span></div>
                                    <div class="owl-page"><span class=""></span></div>
                                </div>
                            </div>*@
                        </div> <!-- .carousel-posts -->

                    </div>

                </div> <!-- .rw-row -->
                @*<div class="rw-row border-bottom clearfix">
                        <h2>Comments: - 26</h2>
                        <div id="comments" class="comments-area">
                            <ul class="post-comments">
                                <li class="comment even thread-even depth-1 parent" id="comment-99">

                                    <div class="comment-avatar">
                                        <img alt="" src="http://2.gravatar.com/avatar/b2a65c5e837ee771d8051ea7ca939575?s=80&amp;d=mm&amp;r=g" srcset="http://2.gravatar.com/avatar/b2a65c5e837ee771d8051ea7ca939575?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo" height="80" width="80">
                                    </div>

                                    <div class="content">
                                        <div id="comment-inner-99">
                                            <div class="comment-header">

                                                <a href="#" rel="external nofollow" class="url">Margaret Nelson</a> <span class="comment-time">December 24, 2014</span>
                                                <a rel="nofollow" class="comment-reply-link" href="http://gustos.smartik.ws/2014/12/22/dont-watch-the-clock-do-what-it-does-keep-going/?replytocom=99#respond" onclick="return addComment.moveForm(&quot;comment-inner-99&quot;, &quot;99&quot;, &quot;respond&quot;, &quot;67&quot;)" aria-label="Reply to Margaret Nelson">Reply</a>
                                                <div class="comment-vote">
                                                </div>
                                            </div>
                                            <p>Ne amores quidem sanctos a sapiente alienos esse arbitrantur. Deque his rebus satis multa in nostris de re publica libris sunt dicta a Laelio.</p>
                                        </div>
                                    </div>

                                    <ul class="children">
                                        <li class="comment odd alt depth-2" id="comment-104">

                                            <div class="comment-avatar">
                                                <img alt="" src="http://2.gravatar.com/avatar/ec55905525068565aaec5bdd6991eced?s=80&amp;d=mm&amp;r=g" srcset="http://2.gravatar.com/avatar/ec55905525068565aaec5bdd6991eced?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo" height="80" width="80">
                                            </div>

                                            <div class="content">
                                                <div id="comment-inner-104">
                                                    <div class="comment-header">

                                                        <a href="#" rel="external nofollow" class="url">Donna Lewis</a> <span class="comment-time">January 3, 2015</span>
                                                        <a rel="nofollow" class="comment-reply-link" href="http://gustos.smartik.ws/2014/12/22/dont-watch-the-clock-do-what-it-does-keep-going/?replytocom=104#respond" onclick="return addComment.moveForm(&quot;comment-inner-104&quot;, &quot;104&quot;, &quot;respond&quot;, &quot;67&quot;)" aria-label="Reply to Donna Lewis">Reply</a>
                                                        <div class="comment-vote">
                                                        </div>
                                                    </div>
                                                    <p>Ab hoc autem quaedam non melius quam veteres, quaedam omnino relicta.</p>
                                                </div>
                                            </div>

                                        </li><!-- #comment-## -->
                                        <li class="comment even depth-2 parent" id="comment-111">

                                            <div class="comment-avatar">
                                                <img alt="" src="http://1.gravatar.com/avatar/a6c70eb809c0d0d320b6b40b13070955?s=80&amp;d=mm&amp;r=g" srcset="http://1.gravatar.com/avatar/a6c70eb809c0d0d320b6b40b13070955?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo" height="80" width="80">
                                            </div>

                                            <div class="content">
                                                <div id="comment-inner-111">
                                                    <div class="comment-header">

                                                        <a href="#" rel="external nofollow" class="url">Ruth Collins</a> <span class="comment-time">January 10, 2015</span>
                                                        <a rel="nofollow" class="comment-reply-link" href="http://gustos.smartik.ws/2014/12/22/dont-watch-the-clock-do-what-it-does-keep-going/?replytocom=111#respond" onclick="return addComment.moveForm(&quot;comment-inner-111&quot;, &quot;111&quot;, &quot;respond&quot;, &quot;67&quot;)" aria-label="Reply to Ruth Collins">Reply</a>
                                                        <div class="comment-vote">
                                                        </div>
                                                    </div>
                                                    <p>Sed hoc sane concedamus.</p>
                                                </div>
                                            </div>

                                            <ul class="children">
                                                <li class="comment odd alt depth-3" id="comment-116">

                                                    <div class="comment-avatar">
                                                        <img alt="" src="http://0.gravatar.com/avatar/9bd19ec91585e428368096f03920569b?s=80&amp;d=mm&amp;r=g" srcset="http://0.gravatar.com/avatar/9bd19ec91585e428368096f03920569b?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo" height="80" width="80">
                                                    </div>

                                                    <div class="content">
                                                        <div id="comment-inner-116">
                                                            <div class="comment-header">

                                                                <a href="#" rel="external nofollow" class="url">Joseph Martinez</a> <span class="comment-time">January 12, 2015</span>
                                                                <a rel="nofollow" class="comment-reply-link" href="http://gustos.smartik.ws/2014/12/22/dont-watch-the-clock-do-what-it-does-keep-going/?replytocom=116#respond" onclick="return addComment.moveForm(&quot;comment-inner-116&quot;, &quot;116&quot;, &quot;respond&quot;, &quot;67&quot;)" aria-label="Reply to Joseph Martinez">Reply</a>
                                                                <div class="comment-vote">
                                                                </div>
                                                            </div>
                                                            <p>Hunc igitur finem illi tenuerunt, quodque ego pluribus verbis, illi brevius secundum naturam vivere, hoc iis bonorum videbatur extremum.</p>
                                                        </div>
                                                    </div>

                                                </li><!-- #comment-## -->
                                            </ul><!-- .children -->
                                        </li><!-- #comment-## -->
                                    </ul><!-- .children -->
                                </li><!-- #comment-## -->
                            </ul><!-- .children -->
                        </div><!-- #comments -->
                    </div> <!-- .rw-row -->*@

                @*<div class="rw-row clearfix">
                        <div id="respond" class="comment-respond">
                            <h3 id="reply-title" class="comment-reply-title">
                                <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2014/12/22/dont-watch-the-clock-do-what-it-does-keep-going/#respond" style="display: none;">Cancel reply</a></small>
                            </h3>
                            <form action="http://gustos.smartik.ws/wp-comments-post.php" method="post" id="commentform" class="comment-form">

                                <!--
                                wsl_render_auth_widget
                                WordPress Social Login 2.3.0.
                                http://wordpress.org/plugins/wordpress-social-login/
                                -->

                                <style type="text/css">
                                    .wp-social-login-connect-with {
                                    }

                                    .wp-social-login-provider-list {
                                    }

                                        .wp-social-login-provider-list a {
                                        }

                                        .wp-social-login-provider-list img {
                                        }

                                    .wsl_connect_with_provider {
                                    }
                                </style>

                                <div class="wp-social-login-widget">

                                    <div class="wp-social-login-connect-with">Connect with:</div>

                                    <div class="wp-social-login-provider-list">

                                        <a rel="nofollow" href="http://gustos.smartik.ws/wp-login.php?action=wordpress_social_authenticate&amp;mode=login&amp;provider=Facebook&amp;redirect_to=http%3A%2F%2Fgustos.smartik.ws%2F2014%2F12%2F22%2Fdont-watch-the-clock-do-what-it-does-keep-going%2F" class="wp-social-login-provider wp-social-login-provider-facebook" data-provider="Facebook" data-hasqtip="13" oldtitle="Connect with Facebook" title="">
                                            Facebook
                                        </a>

                                        <a rel="nofollow" href="http://gustos.smartik.ws/wp-login.php?action=wordpress_social_authenticate&amp;mode=login&amp;provider=Google&amp;redirect_to=http%3A%2F%2Fgustos.smartik.ws%2F2014%2F12%2F22%2Fdont-watch-the-clock-do-what-it-does-keep-going%2F" class="wp-social-login-provider wp-social-login-provider-google" data-provider="Google" data-hasqtip="14" oldtitle="Connect with Google" title="">
                                            Google
                                        </a>

                                        <a rel="nofollow" href="http://gustos.smartik.ws/wp-login.php?action=wordpress_social_authenticate&amp;mode=login&amp;provider=Twitter&amp;redirect_to=http%3A%2F%2Fgustos.smartik.ws%2F2014%2F12%2F22%2Fdont-watch-the-clock-do-what-it-does-keep-going%2F" class="wp-social-login-provider wp-social-login-provider-twitter" data-provider="Twitter" data-hasqtip="15" oldtitle="Connect with Twitter" title="">
                                            Twitter
                                        </a>

                                    </div>

                                    <div class="wp-social-login-widget-clearing"></div>

                                </div>

                                <!-- wsl_render_auth_widget -->


                                <div class="comment-form-comment">
                                    <div class="form-label">
                                        Comment <em class="text-red" title="Required">*</em>
                                    </div>
                                    <textarea id="comment" name="comment" required="true" class="normal"></textarea>
                                </div>
                                <div class="clear"></div>
                                <span class="comment-form-question" data-hasqtip="18"><i class="fa fa-question-circle fa-2x"></i></span>
                                <div class="form-allowed-tags" style="display: none;">
                                    <span class="ftg-title" style="display: none">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: </span> &lt;a href="" title=""&gt; <br>&lt;abbr title=""&gt; <br>&lt;acronym title=""&gt; <br>&lt;b&gt; <br>&lt;blockquote cite=""&gt; <br>&lt;cite&gt; <br>&lt;code&gt; <br>&lt;del datetime=""&gt; <br>&lt;em&gt; <br>&lt;i&gt; <br>&lt;q cite=""&gt; <br>&lt;s&gt; <br>&lt;strike&gt; <br>&lt;strong&gt;
                                </div>
                                <div class="grid-container">
                                    <div class="grid desk-8 alpha">
                                        <div class="form-label">
                                            Name <em class="text-red" title="Required">*</em>
                                        </div>
                                        <input name="author" type="text" class="fullwidth" value="" required="true">
                                    </div>
                                </div>

                                <div class="grid-container">
                                    <div class="grid desk-8 alpha">
                                        <div class="form-label">
                                            Email <em class="text-red" title="Required">*</em>
                                        </div>
                                        <div class="form-description">Your email address will not be published</div>
                                        <input name="email" type="text" class="fullwidth" value="" required="true">
                                    </div>
                                </div>

                                <div class="grid-container">
                                    <div class="grid desk-8 alpha">
                                        <div class="form-label">Website</div>
                                        <input name="url" type="text" class="fullwidth" value="">
                                    </div>
                                </div>
                                <p class="form-submit">
                                    <input name="submit" type="submit" id="submit" class="submit button primary" value="Post comment"> <input type="hidden" name="comment_post_ID" value="67" id="comment_post_ID">
                                    <input type="hidden" name="comment_parent" id="comment_parent" value="0">
                                </p>
                            </form>
                        </div><!-- #respond -->
                    </div>*@
            </div> <!-- .rw-content -->

        </div> <!-- .rw-inner -->
    </div>
</div>
<script src="~/Content/themes/food/js/detail.js"></script>
@Html.Partial("~/Views/Themes/Food/Footer.cshtml")
